<template>
  <div class="activity-skeleton">
        <div class="block" v-for="i in 1">
            <div class="img"></div>
            <div class="content">
                <div class="name"></div>
                <div class="dec"></div>
                <div class="btn"></div>
            </div>
        </div>
  </div>
</template>

<script>
export default {
  name: "s-discount",
  created() {}
};
</script>

<style lang="stylus" rel="stylesheet/stylus" scoped>
.activity-skeleton {
    padding: 0.09rem 0.09rem 0 0.09rem;
    box-sizing: border-box;

    .block {
        width: 100%;
        background-color: #e5e5e5;
        border-radius: 0.02rem;
        box-sizing: border-box;
        margin-bottom: 0.09rem;

        .img {
            width 100%;
            height: 1.2rem;
        }

        .content {
            text-align right;
            padding: .12rem 0.12rem .12rem 0.12rem;
            .name {
                text-align left;
                height: 0.08rem;
                width: 1.7rem;
                background-color: #eee;
                border-radius: 0.02rem;
            }
            .dec {
                text-align left;
                margin .12rem 0 .08rem 0;
                height: 0.08rem;
                width: 1.3rem;
                background-color: #eee;
                border-radius: 0.02rem;
            }

            .btn {
                display inline-block;
                height: 0.2rem;
                width .46rem;
                background-color: #eee;
                border-radius: 0.04rem;
            }
        }
    }
}
</style>